import Vue from 'vue'
import Router from 'vue-router'
import articles from "../components/articles"
import whisper from "../components/whisper"
import lemess from "../components/lemess"
import photo from "../components/photo"
import about from "../components/about"
import designArticle from "../components/article/designArticle"
import frontEndarticles from "../components/article/frontEndarticles"
import travelNotes from "../components/article/travelNotes"
Vue.use(Router)
export default new Router({
  mode:'history',
  routes: [
    {
      name:"whisper",
      path:"/whisper",
      component:whisper
    },
    {
      name:"lemess",
      path:"/lemess",
      component:lemess
    },
    {
      name:"photo",
      path:"/photo",
      component:photo
    },
    {
      name:"about",
      path:"/about",
      component:about
    },
    {
      path:"/",
      redirect:'/articles'
    },
    {
      name:'article',
      path:"/articles",
      redirect:"/articles/designArticle",
      component:articles,
      children:[
        {
          path:"designArticle",
          name:"designArticle",
          component:designArticle
        },
        {
          path:"frontEndarticles",
          name:"frontEndarticles",
          component:frontEndarticles
        },
        {
          path:"travelNotes",
          name:"travelNotes",
          component:travelNotes
        }
      ]
    }
  ]
})
